import React from 'react'
// ===================================================================== Image
import Img from '@img/img.png'
// ===================================================================== Declare
const { $Lazy, $fn } = window
// =====================================================================
const Tag = $Lazy.load(()=>import('@antd/tag'))
const Image = $Lazy.load(()=>import('@tp/image'))
// =====================================================================
const colors = [ '#f50', '#2db7f5', '#87d068']
// =====================================================================
const Index = () => {
	return { width:150, render: (text, { pic_path, tags }) => {
		if(text){
			return (
				<>
					<span>{$fn.getSplitSpecCode(text)}</span>
					
					{ pic_path && <Image src={Img} width={14} className='rel' style={{display:'inline-block', marginLeft:5, top:-1}} /> }
					
					{
						$fn.hasArray(tags) && tags.map((v,i)=> <Tag key={i} color={colors[i]} style={{margin:0}} label={v.item_name}/> )
					}
				</>
			)
		}else{
			return '--'
		}
	} }
}

export default Index